<template>
  <div class="son">
    <h3>我是son.vue</h3>

    <my-checkbox />
    <p>{{ new Date() | formatTime }}</p>

    <div v-color="color">我是son的div</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      color: "orange",
    };
  },
};
</script>


<style scoped>
/* 建议一定要加scoped，免得样式冲突 */
.son {
  width: 350px;
  height: 350px;
  border: 1px solid #000;
}

p {
  color: red;
}
</style>